<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(JD.COM)</title>
    <link rel="stylesheet" href="./CSS/audio.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="top-bar">
        <div class="left-nav">
            <a href="#" class="nav-item">中国大陆版-广东</a>
            <span class="divider">| </span>
            <button class="denglu-btn" onclick="window.location.href='denglu.html'">你好，请登录</button>
            <span class="divider"> |</span>
            <a href="#" class="nav-item">免费注册</a>
            <span class="divider">|</span>
            <a href="#" class="nav-item">切换至企业版</a>
        </div>
        
        <div class="right-nav">
            <a href="#" class="nav-item">购物车</a>
            <span class="divider">|</span>
            <a href="#" class="nav-item">我的订单</a>
            <span class="divider">|</span>
            <div class="user-menu-container">
                <a href="#" class="nav-item">我的京东</a>
                <span class="divider">|</span>
                <div class="user-menu">
                    <div class="menu-section">
                        <div class="menu-title">订单中心</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">待处理订单</a></div>
                            <div class="menu-item"><a href="#">降价商品</a></div>
                            <div class="menu-item"><a href="#">返修退换货</a></div>
                            <div class="menu-item"><a href="#">我的关注</a></div>
                        </div>
                    </div>
                    
                    <div class="menu-section">
                        <div class="menu-title">资产中心</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">我的京豆</a></div>
                            <div class="menu-item"><a href="#">我的优惠券</a></div>
                            <div class="menu-item full-width"><a href="#">我的理财</a></div>
                        </div>
                    </div>
                    
                    <div class="menu-section">
                        <div class="menu-title">客户服务</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">帮助中心</a></div>
                            <div class="menu-item"><a href="#">售后服务</a></div>
                            <div class="menu-item"><a href="#">在线客服</a></div>
                            <div class="menu-item"><a href="#">意见建议</a></div>
                            <div class="menu-item"><a href="#">电话客服</a></div>
                            <div class="menu-item"><a href="#">客服邮箱</a></div>
                            <div class="menu-item"><a href="#">金融咨询</a></div>
                            <div class="menu-item"><a href="#">全球售客服</a></div>
                            <div class="menu-item"><a href="#">企业客服</a></div>
                            <div class="menu-item"><a href="#">港澳台客服</a></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="user-menu-container">
                <a href="#" class="nav-item">企业采购</a>
                <span class="divider">|</span>
                <div class="user-menu">
                    <div class="menu-section">
                        <div class="menu-title"></div>
                        <div class="menu-items">
                            <div class="menu-items"></div>
                            <div class="menu-item"><a href="#">企业团购</a></div>
                            <div class="menu-item"><a href="#">京东工采</a></div>
                            <div class="menu-item"><a href="#">公共采购</a></div>
                            <div class="menu-item"><a href="#">京东慧采</a></div>
                            <div class="menu-item"><a href="#">京东锦礼</a></div>
                            <div class="menu-item"><a href="#">礼品卡</a></div>
                            <div class="menu-item"><a href="#">微信企业购</a></div>
                            <div class="menu-item"><a href="#">京东五金城</a></div>
                            <div class="menu-item"><a href="#">京东工品汇</a></div>
                            <div class="menu-item"><a href="#">企业购专业版</a></div>
                            <div class="menu-item"><a href="#">大中型客户采购</a></div>
                            <div class="menu-item"><a href="#">京东元器件</a></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="user-menu-container">
                <a href="#" class="nav-item">商家服务</a>
                <span class="divider">|</span>
                <div class="user-menu">
                    <div class="menu-section">
                        <div class="menu-title"></div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">合作招商</a></div>
                            <div class="menu-item"><a href="#">学习中心</a></div>
                            <div class="menu-item"><a href="#">商家后台</a></div>
                            <div class="menu-item"><a href="#">京麦工作平台</a></div>
                            <div class="menu-item"><a href="#">商家帮助</a></div>
                            <div class="menu-item"><a href="#">规则平台</a></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="user-menu-container">
                <a href="#" class="nav-item">网站导航</a>
                <span class="divider">|</span>
                <div class="user-menu">
                    <div class="menu-section">
                        <div class="menu-title">特色主题</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">京东金融</a></div>
                            <div class="menu-item"><a href="#">全球售</a></div>
                            <div class="menu-item"><a href="#">台湾售</a></div>
                            <div class="menu-item"><a href="#">装机大师</a></div>
                            <div class="menu-item"><a href="#">港澳售</a></div>
                            <div class="menu-item"><a href="#">秒杀</a></div>
                            <div class="menu-item"><a href="#">出海招商</a></div>
                            <div class="menu-item"><a href="#">全球购</a></div>
                            <div class="menu-item"><a href="#">拍拍二手</a></div>
                        </div>
                    </div>
                    
                    <div class="menu-section">
                        <div class="menu-title">行业频道</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">手机数码</a></div>
                            <div class="menu-item"><a href="#">服饰美妆</a></div>
                            <div class="menu-item"><a href="#">京东奢品</a></div>
                            <div class="menu-item"><a href="#">家电家居</a></div>
                            <div class="menu-item"><a href="#">整车</a></div>
                            <div class="menu-item"><a href="#">办公好物</a></div>
                            <div class="menu-item"><a href="#">京东生鲜</a></div>
                            <div class="menu-item"><a href="#">图书</a></div>
                            <div class="menu-item"><a href="#">手机</a></div>
                            <div class="menu-item"><a href="#">电脑馆</a></div>
                            <div class="menu-item"><a href="#">宠物生活</a></div>
                            <div class="menu-item"><a href="#">母婴</a></div>
                            <div class="menu-item"><a href="#">食品</a></div>
                            <div class="menu-item"><a href="#">家电馆</a></div>
                            <div class="menu-item"><a href="#">农资频道</a></div>
                            <div class="menu-item"><a href="#">京东元器件</a></div>
                            <div class="menu-item"><a href="#">京东五金城</a></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="user-menu-container">
                <a href="#" class="nav-item">手机京东</a>
                <span class="divider">|</span>
                <div class="user-menu">
                    <div class="menu-section">
                        <div class="menu-title">订单中心</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">待处理订单</a></div>
                            <div class="menu-item"><a href="#">降价商品</a></div>
                            <div class="menu-item"><a href="#">返修退换货</a></div>
                            <div class="menu-item"><a href="#">我的关注</a></div>
                        </div>
                    </div>
                    
                    <div class="menu-section">
                        <div class="menu-title">资产中心</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">我的京豆</a></div>
                            <div class="menu-item"><a href="#">我的优惠券</a></div>
                            <div class="menu-item full-width"><a href="#">我的理财</a></div>
                        </div>
                    </div>
                    
                    <div class="menu-section">
                        <div class="menu-title">客户服务</div>
                        <div class="menu-items">
                            <div class="menu-item"><a href="#">帮助中心</a></div>
                            <div class="menu-item"><a href="#">售后服务</a></div>
                            <div class="menu-item"><a href="#">在线客服</a></div>
                            <div class="menu-item"><a href="#">意见建议</a></div>
                            <div class="menu-item"><a href="#">电话客服</a></div>
                            <div class="menu-item"><a href="#">客服邮箱</a></div>
                            <div class="menu-item"><a href="#">金融咨询</a></div>
                            <div class="menu-item"><a href="#">全球售客服</a></div>
                            <div class="menu-item"><a href="#">企业客服</a></div>
                            <div class="menu-item"><a href="#">港澳台客服</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="nav-item">网站无障碍</a>
        </div>
    </div>

    <!-- 顶部导航栏 -->
    <div class="top-bare">
        <div class="top-container">
            <div class="logo">京东</div>
            <div class="search-bar">
                <input type="text" class="search-input" placeholder="海飞丝洗发水">
                <button class="search-btn">搜索</button>
            </div>
            <div class="extra-links">
                <span>京言AI</span>
                <span>人人有奖抽红包</span>
            </div>
        </div>
    </div>
    
    <!-- 促销横幅 -->
<div class="promo-banner">
        <div class="promo-container">
            <!-- 限时抢好物 -->
            <div class="promo-item">
                <img src="./img/327e9ef61242bc90.jpg" alt="限时抢好物">
                <div class="promo-item-text">限时抢好物</div>
            </div>
            
            <!-- 低至5折 -->
            <div class="promo-item">
                <img src="./img/58861dc34f21670e.jpg" alt="低至5折">
                <div class="promo-item-text">低至5折</div>
            </div>
            
            <!-- 满300减50 -->
            <div class="promo-item">
                <img src="./img/49d32e4e46cff1d8.jpg" alt="满300减50">
                <div class="promo-item-text">满300减50</div>
            </div>
            
            <!-- PLUS会员日 -->
            <div class="promo-item plus-member">
                <!-- <div class="promo-item">
                    <img src="./img/dee357c5ef52c198.jpg" >
                </div> -->
                <div class="promo-title">618周年庆</div>
                <div class="promo-subtitle">PLUS会员日</div>
                <div class="promo-item-text" style="color: white; margin-top: 10px;">抢半价空调</div>
            </div>
            
            <!-- 抢爆款5折 -->
            <div class="promo-item">
                <img src="./img/e38cbf5a7b5b51ba.jpg" alt="抢爆款5折">
                <div class="promo-item-text">抢爆款5折</div>
            </div>
            
            <!-- 下单立减15% -->
            <div class="promo-item">
                <img src="./img/1db7217ccfaa5d21.jpg" alt="下单立减15%">
                <div class="promo-item-text">下单立减15%</div>
            </div>
            
            <!-- 至高享8折 -->
            <div class="promo-item">
                <img src="./img/92e46b5373eff737.jpg" alt="至高享8折">
                <div class="promo-item-text">至高享8折</div>
            </div>
        </div>
    </div>
    
    <!-- 主要内容区 -->
    <div class="main-content">
        <div class="category-container">
        <!-- 左侧主分类导航 -->
        <div class="category-nav">
            <div class="category-item">家用电器</div>
            <div class="category-item">手机/运营商/数码</div>
            <div class="category-item">电脑/办公/文具用品</div>
            <div class="category-item">家居/家具/家装/厨具</div>
            <div class="category-item">男装/女装/童装/内衣</div>
            <div class="category-item">美妆/个护清洁/宠物</div>
            <div class="category-item">女鞋/箱包/钟表/珠宝</div>
            <div class="category-item">男鞋/运动/户外</div>
            <div class="category-item">房产/汽车/汽车用品</div>
            <div class="category-item">母婴/玩具乐器</div>
            <div class="category-item">食品/酒类/生鲜/特产</div>
            <div class="category-item">艺术/礼品鲜花/农牧园艺</div>
            <div class="category-item">京东买药/计生情趣</div>
            <div class="category-item">图书/文娱/教育/电子书</div>
            <div class="category-item">机票/酒店/旅游/生活</div>
            <div class="category-item">支付/白条/保险/企业金融</div>
            
            <!-- 右侧子分类内容 - 默认隐藏 -->
            <div class="subcategory-content">
                <div class="subcategory-header">
                    <div class="subcategory-title">家用电器</div>
                    <div class="subcategory-tabs">
                        <div class="subcategory-tab active">推荐</div>
                        <div class="subcategory-tab">大家电</div>
                        <div class="subcategory-tab">厨房电器</div>
                        <div class="subcategory-tab">生活电器</div>
                        <div class="subcategory-tab">个护健康</div>
                        <div class="subcategory-tab">五金家装</div>
                    </div>
                </div>
                
                <!-- 家电推荐子分类 -->
                <div class="subcategory-list">
                    <div class="subcategory-group">
                        <div class="subcategory-group-title">大家电</div>
                        <div class="subcategory-items">
                            <div class="subcategory-item">空调</div>
                            <div class="subcategory-item">冰箱</div>
                            <div class="subcategory-item">洗衣机</div>
                            <div class="subcategory-item">电视</div>
                            <div class="subcategory-item">热水器</div>
                            <div class="subcategory-item">油烟机</div>
                            <div class="subcategory-item">燃气灶</div>
                            <div class="subcategory-item">消毒柜</div>
                            <div class="subcategory-item">洗碗机</div>
                            <div class="subcategory-item">酒柜</div>
                        </div>
                    </div>
                    
                    <div class="subcategory-group">
                        <div class="subcategory-group-title">厨房电器</div>
                        <div class="subcategory-items">
                            <div class="subcategory-item">电饭煲</div>
                            <div class="subcategory-item">微波炉</div>
                            <div class="subcategory-item">榨汁机</div>
                            <div class="subcategory-item">豆浆机</div>
                            <div class="subcategory-item">电烤箱</div>
                            <div class="subcategory-item">电磁炉</div>
                            <div class="subcategory-item">电压力锅</div>
                            <div class="subcategory-item">电水壶</div>
                            <div class="subcategory-item">养生壶</div>
                            <div class="subcategory-item">料理机</div>
                        </div>
                    </div>
                    
                    <div class="subcategory-group">
                        <div class="subcategory-group-title">生活电器</div>
                        <div class="subcategory-items">
                            <div class="subcategory-item">电风扇</div>
                            <div class="subcategory-item">取暖器</div>
                            <div class="subcategory-item">加湿器</div>
                            <div class="subcategory-item">空气净化器</div>
                            <div class="subcategory-item">除湿机</div>
                            <div class="subcategory-item">挂烫机</div>
                            <div class="subcategory-item">吸尘器</div>
                            <div class="subcategory-item">扫地机器人</div>
                            <div class="subcategory-item">除螨仪</div>
                            <div class="subcategory-item">毛球修剪器</div>
                        </div>
                    </div>
                </div>
                
                <!-- 品牌展示 -->
                <div class="brand-showcase">
                    <div class="brand-title">热门品牌</div>
                    <div class="brand-logos">
                        <div class="brand-logo">海尔</div>
                        <div class="brand-logo">美的</div>
                        <div class="brand-logo">格力</div>
                        <div class="brand-logo">西门子</div>
                        <div class="brand-logo">松下</div>
                        <div class="brand-logo">TCL</div>
                    </div>
                </div>
                
                <!-- 促销广告 -->
                <div class="promo-ad">
                    <img src="https://placehold.co/800x100?text=京东促销广告" alt="京东促销广告">
                </div>
            </div>
        </div>
    </div>
        
        <!-- 中间内容区 -->
        <div class="content-center">
            <!-- 轮播图 -->
    <div class="slider-container">
        <div class="slider">
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东助力企业</div>
                    <div class="slide-subtitle">出口转内销</div>
                    <div class="slide-subtitle">又好又便宜</div>
                </div>
                <img src="./img/28941747cfbec386.png" alt="" class="slide-image">
            </div>
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东618大促</div>
                    <div class="slide-subtitle">全场5折起</div>
                    <div class="slide-subtitle">限时抢购</div>
                </div>
                <img src="./img/f2c83bf4ab6e86f7.png" alt="" class="slide-image">
            </div>
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东618大促</div>
                    <div class="slide-subtitle">全场5折起</div>
                    <div class="slide-subtitle">限时抢购</div>
                </div>
                <img src="./img/q70(1).jpg" alt="" class="slide-image">
            </div>
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东618大促</div>
                    <div class="slide-subtitle">全场5折起</div>
                    <div class="slide-subtitle">限时抢购</div>
                </div>
                <img src="./img/q70(3).jpg" alt="" class="slide-image">
            </div>
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东618大促</div>
                    <div class="slide-subtitle">全场5折起</div>
                    <div class="slide-subtitle">限时抢购</div>
                </div>
                <img src="./img/q70(5).jpg" alt="" class="slide-image">
            </div>
            <div class="slide">
                <div class="slide-content">
                    <div class="slide-title">京东618大促</div>
                    <div class="slide-subtitle">全场5折起</div>
                    <div class="slide-subtitle">限时抢购</div>
                </div>
                <img src="./img/q70.jpg" alt="" class="slide-image">
            </div>
            <!-- 可以继续添加更多slide -->
        </div>
        <div class="slider-indicators">
            <div class="indicator active"></div>
            <div class="indicator"></div>
            <div class="indicator"></div>
            <div class="indicator"></div>
            <div class="indicator"></div>
            <div class="indicator"></div>
            <!-- 指示器数量应与slide数量一致 -->
        </div>
    </div>
            
            <div class="product-modules">
                <!-- 国家补贴模块 -->
                <div class="product-cards">
                    <h3>国家补贴 × 百亿补贴</h3>
                    <div class="product-list">
                        <div class="product-item">
                            <img src="./img/5e620231072187a1.jpg" alt="商品1">
                            <div>已补17元</div>
                            <div class="product-price">¥128</div>
                        </div>
                        <div class="product-item">
                            <img src="./img/a79fcdf1c467a5ce.jpg" alt="商品2">
                            <div>已补17元</div>
                            <div class="product-price">¥72</div>
                        </div>
                        <div class="product-item">
                            <img src="./img/e852440132358eb9.jpg" alt="商品3">
                            <div>已补38.79元</div>
                            <div class="product-price">¥199</div>
                        </div>
                        <div class="product-item">
                            <img src="./img/fa41c16c4c7bcb95.jpg" alt="商品4">
                            <div>已补75.9元</div>
                            <div class="product-price">¥1684</div>
                        </div>
                    </div>
                </div>
                
                <!-- 其他商品模块可以类似添加 -->
            </div>
        </div>
        
        <!-- 右侧用户区 -->
        <div class="user-panel">
            <div class="greeting">Hi~下午好</div>
            <button class="login-btn">立即登录</button>
            <div class="user-functions">
                <div class="user-function-item">享优惠</div>
                <div class="user-function-item">赚京豆</div>
                <div class="user-function-item">抽¥50</div>
                <div class="user-function-item">购卡返</div>
            </div>
        </div>
    </div>



    <div class="category-tabs">
        <div class="category-tab">为你推荐</div>
        <div class="category-tab">潮电好物</div>
        <div class="category-tab">居家优品</div>
        <div class="category-tab">百货生鲜</div>
        <div class="category-tab">服饰美妆</div>
        <div class="category-tab">进口好物</div>
    </div>
 
    <div class="product-grid">
        <div class="product-card" data-url="shangpin.html">
            <img src="./img/369f6112909b3b5f.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">斧头牌（AXE）柠檬芦荟护肤洗洁精1.18kg*2瓶 呵护双手...</div>
                <div class="product-price">¥38.90</div>
                <div class="product-sales">销量300万+</div>
            </div>
        </div>
 
        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>

        <div class="product-card" data-url="shangpin.html">
            <img src="./img/38800d93d5bc61ed.jpg.avif" alt="商品图片" class="product-image">
            <div class="product-info">
                <span class="product-tag">自营</span>
                <div class="product-title">甄臻10提整箱一分钱专区悬挂纸巾抽纸实惠装卫生纸餐巾纸面巾...</div>
                <div class="product-price">¥5.01</div>
                <div class="product-sales">销量1万+</div>
            </div>
        </div>
 
        <!-- 可以继续添加更多商品卡片 -->
    </div>


    <!-- 服务标语 -->
    <div class="service-slogan">
        <div class="slogan-item">
            <div class="icon">多</div>
            <div class="text">品类齐全，轻松购物</div>
        </div>
        <div class="slogan-item">
            <div class="icon">快</div>
            <div class="text">多仓直发，极速配送</div>
        </div>
        <div class="slogan-item">
            <div class="icon">好</div>
            <div class="text">正品行货，精致服务</div>
        </div>
        <div class="slogan-item">
            <div class="icon">省</div>
            <div class="text">天天低价，畅选无忧</div>
        </div>
    </div>
 
    <!-- 底部链接 -->
    <div class="footer-links">
        <div class="footer-column">
            <h3>购物指南</h3>
            <ul>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客服</li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>配送方式</h3>
            <ul>
                <li>上门自提</li>
                <li>211限时达</li>
                <li>配送服务查询</li>
                <li>配送费收取标准</li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>支付方式</h3>
            <ul>
                <li>货到付款</li>
                <li>在线支付</li>
                <li>分期付款</li>
                <li>公司转账</li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>售后服务</h3>
            <ul>
                <li>售后政策</li>
                <li>价格保护</li>
                <li>退款说明</li>
                <li>返修/退换货</li>
                <li>取消订单</li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>特色服务</h3>
            <ul>
                <li>夺宝岛</li>
                <li>DIY装机</li>
                <li>延保服务</li>
                <li>京东E卡</li>
                <li>京东通信</li>
                <li>京鱼座智能</li>
            </ul>
        </div>
    </div>
 
    <!-- 底部版权信息 -->
    <div class="footer-bottom">
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
        <a href="#">联系客服</a>
        <a href="#">合作招商</a>
        <a href="#">商家帮助</a>
        <a href="#">营销中心</a>
        <a href="#">手机京东</a>
        <a href="#">友情链接</a>
        <a href="#">销售联盟</a>
        <a href="#">京东社区</a>
        <a href="#">风险监测</a>
        <a href="#">质量公告</a>
        <a href="#">隐私政策</a>
        <a href="#">京东公益</a>
        <a href="#">Media&IR</a>
        <div class="copyright">
            京公网安备 11000002000088号 | 京ICP备11041704号 | ICP | 药品医疗器械网络信息服务备案 | 自营医疗器械经营资质 | 药品网络交易第三方平台备案凭证 | 新出发京零 字第大120007号
        </div>
        <div class="copyright">
            互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 | 违法和不良信息举报电话：4006561155 | Copyright © 2004 - 2025 京东JINGDONG 版权所有 | 消费者维权热线：4006067733
        </div>
        <div class="copyright">
            经营证照 | 医疗器械第三方平台备案凭证（京）网械平台备字（2023）第00013号 | 营业执照 | 增值电信业务经营许可证
        </div>
        <div class="copyright">
            京东旗下网站：京东钱包 | 京东云 | 网络内容从业人员违法违规行为举报电话：4006561155-3
        </div>
    </div>



    <!-- 登录界面 -->
<div class="login-overlay" id="loginOverlay" style="display: none;">
    <div class="login-container">
        <h1>京东APP扫码登录</h1>
        <img src="./img/jd-icon.png" alt="QR Code">
        <p>打开京东APP，点左上角扫一扫</p>
        <button id="closeLogin" class="close-btn">关闭</button>
    </div>
</div>
</body>
</html>
<script src="./JS/audio.js"></script>